<template>
	<!-- 交易列表 -->
	<view class="tradeList">
		<view class="container">
			<view class="w100 pb10 bgF fixhead"><u-tabs bar-width="70" :list="list" :is-scroll="false" :current="current" @change="tabsChange"></u-tabs></view>
		</view>
		<view class="container" style="height: 92rpx;"></view>
		<view class="container" style="height: 1px;background: #f3f3f3;"></view>
		<!-- 求购已完成 -->
		<view v-if="current == 0">
			<view class="container flex-xy">
				<image src="../../static/noMsg.png" mode="widthFix" style="width: 60%;"  class="mt50" ></image>
			</view>
			<!-- <view class="container flex-xy bgF pt20 pb20 mb20" v-for="(items, i) in 10" v-bind:key="i">
				<view class="w90 flex-spc-x pb20">
					<text class="co666 fs24">2020-07-21 13:55:45</text>
					<view class=""><u-button class="customButtonStyle" shape="circle" type="primary" :ripple="true" size="mini" plain>撤销</u-button></view>
				</view>
				<view class="container" style="height: 1px;background: #f3f3f3;"></view>
				<view class="w90 flex-spc-x pt20">
					<view class="w30 fs28 tal">
						<view class="co333">100</view>
						<view class="co999">求购数量</view>
					</view>
					<view class="w30 fs28 tac">
						<view class="co333">6.0000</view>
						<view class="co999">单价</view>
					</view>
					<view class="w30 fs28 tar">
						<view class="co333">600.0000</view>
						<view class="co999">总价</view>
					</view>
				</view>
			</view> -->
		</view>
		<!--  卖出已完成  -->
		<view v-if="current == 1">
			<view class="container flex-xy">
				<image src="../../static/noMsg.png" mode="widthFix" style="width: 60%;"  class="mt50" ></image>
			</view>
			<!-- <view class="container flex-xy bgF pt20 pb20 mb20" v-for="(items, i) in 10" v-bind:key="i">
				<view class="w90 flex-spc-x  pt20 pb20">
					<view class="w50">
						<image src="../../static/logo.png" mode="widthFix" style="width: 40rpx; height: 40rpx; " class="verticalM" ></image>
						<text class="pl10">18120163279</text>
					</view>
					<view class="w50 tar fs24" style="color:red">
						求购
					</view>
				</view>
				<view class="container" style="height: 1px;background: #f3f3f3;"></view>
				<view class="w90 flex-spc-x pt20 pb20">
					<view class="w30 fs28 tal">
						<view class="co333">100</view>
						<view class="co999">求购数量</view>
					</view>
					<view class="w30 fs28 tac">
						<view class="co333">6.0000</view>
						<view class="co999">单价</view>
					</view>
					<view class="w30 fs28 tar">
						<view class="co333">600.0000</view>
						<view class="co999">总价</view>
					</view>
				</view>
				<view class="container" style="height: 1px;background: #f3f3f3;"></view>
				<view class="w90 flex-spc-x  pt20">
					<text class="co666 fs24 w33">2020-07-21 13:55:45</text>
					<view class="w33 fs24 " style="color: #00a2ff;">待支付</view>
					<view class="w33"><u-button class="customButtonStyle" shape="circle" type="primary" :ripple="true" size="mini" plain>操作</u-button></view>
				</view>
			</view> -->
		
		</view>
		
		<!--  已撤销  -->
		<view v-if="current == 2">
			<view class="container flex-xy">
				<image src="../../static/noMsg.png" mode="widthFix" style="width: 60%;"  class="mt50" ></image>
			</view>
		</view>
	</view>
</template>

<script>
export default {
	data() {
		return {
			list: [
				{
					name: '求购已完成'
				},
				{
					name: '卖出已完成'
				},
				{
					name: '已撤销'
				}
			],

			current: 0 // tabs组件的current值，表示当前活动的tab选项
		};
	},
	methods: {
		// tabs通知swiper切换
		tabsChange(index) {
			this.current = index;
		}
	}
};
</script>

<style lang="less" scoped>
.customButtonStyle {
	width: 120rpx;
}
.fixhead {
	position: fixed;
	left: 0;
	top: 70rpx;
	z-index: 9999;
}
</style>
